<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>订单管理</title>
    <link rel="stylesheet" href="assets/css/amazeui.min.css">
    <link rel="stylesheet" href="css/swiper-3.3.1.min.css">
    <link rel="stylesheet" href="assets/css/app.css">
    <link rel="stylesheet" href="css/my/myOrder.css">
</head>

<body>
    <header>
        <img src="img/z-jiantou.png">
        <span>订单管理</span>
        <div class="header_right">
            状态筛选
            <i></i>
        </div>
    </header>
    <div class="top_search h50">
        <p>
            <span class="am-icon-search">搜索</span>
            <input type="text" placeholder="请输入您要搜索的内容">
        </p>
    </div>
    <div class="am-container">
        <div class="order_lists">
            <div class="lists_img">
                <img src="img/img_left.jpg" alt="">
                <p>dsfasdf1321</p>
            </div>
            <div class="lists_title">
                <span>订单号:D1236547879</span>
                <span>已发货</span>
            </div>
            <p class="am-cf"></p>
            <div class="lists_detail">
                <ul>
                    <li>
                        <img src="img/img_left.jpg" alt="小食品">
                    </li>
                    <li>
                        <p>糍粑传统营养小食品</p>
                        <p>
                            阿甘食品店
                        </p>
                        <span>￥29.9</span>
                    </li>
                    <li>
                        <span>×1</span>
                    </li>
                </ul>
            </div>
            <div class="text_right h4_5">
                共计1件商品 合计：￥29.9(含运费￥0.00)
            </div>
            <div class="text_right h4_5 btn_date">
                <button class="bg-btn" type="button">查看物流</button>
                <p class="color_aaa">日期2018-04-18</p>
            </div>
        </div>
        <div class="order_lists">
            <div class="lists_img">
                <img src="img/img_left.jpg" alt="">
                <p>dsfasdf1321</p>
            </div>
            <div class="lists_title">
                <span>订单号:D1236547879</span>
                <span>未发货</span>
            </div>
            <p class="am-cf"></p>
            <div class="lists_detail">
                <ul>
                    <li>
                        <img src="img/img_left.jpg" alt="小食品">
                    </li>
                    <li>
                        <p>糍粑传统营养小食品</p>
                        <p>
                            阿甘食品店
                        </p>
                        <span>￥29.9</span>
                    </li>
                    <li>
                        <span>×1</span>
                    </li>
                </ul>
            </div>
            <div class="text_right h4_5">
                共计1件商品 合计：￥29.9(含运费￥0.00)
            </div>
            <div class="text_right h4_5 btn_date">
                <button class="write_order" type="button">填写物流</button>
                <p class="color_aaa">日期2018-04-18</p>
            </div>
        </div>
    </div>
    <div class="mask_wrap">
        <div class="mask_contanier">
            <i class="closeBtn">
                <img src="img/no1.png" alt="">
            </i>
            <div class="input_wrap">
                <label>
                    <span>快递单号：</span>
                    <input type="text" placeholder="请填写快递单号">
                </label>
                <div class="button_wrap">
                    <button type="button">确定</button>
                </div>
            </div>

        </div>
    </div>
    <script src="js/jquery-1.11.3.js"></script>
    <script>
        $('.top_search p').on('click', function () {
            $('.top_search span').hide();
            $('.top_search input').show();
        })
        $('.closeBtn').on('click', function () {
            $('.mask_wrap').hide();
        })
        $('.write_order').on('click', function () {
            $('.mask_wrap').show();
        })
    </script>
</body>

</html>